<template>
  <div class="home">
    <stick></stick>
    <navs></navs>
    <heads></heads>
    <router-view></router-view>
    <foot></foot>
  </div>
</template>


<script>
import navs from '@/components/appHome/NavView.vue'
import heads from '@/components/appHome/headerView.vue'
import foot from '@/components/appHome/footView.vue'
import stick from '@/components/appHome/StickView.vue'
import { getCategory } from '@/Api/homeapi'
import { mapMutations } from 'vuex'
export default {
  components: { heads, foot, navs, stick },
  data() {
    return {
    }
  },
  methods: {
    ...mapMutations(['getList']),
    async getCate() {
      let { data: res } = await getCategory()
      this.getList(res.result)
    }
  },

  mounted() {
    this.getCate()
  }

}
</script>




<style lang="scss">
.home {
  width: 100%;
  // background: orange;
}


// .c{
//   width: 100%;
//   background: #f5f5f5;
// }
</style>
